page{
  background-color: $bg-color;
}

.record-list{
  width: 100%;
  .list{
    display: flex;
    align-items: center;
    width: 100%;
    height: 100rpx;
    padding: 0 30rpx;
    box-sizing: border-box;
    border-bottom: 1px solid $border-color;
    .icon{
      display: flex;
      align-items: center;
      margin-right: 20rpx;
      image{
        width: 56rpx;
        height: 56rpx;
      }
    }
    .title-date{
      display: flex;
      flex-direction: column;
      justify-content: center;
      flex: 1;
      width: 0;
      .title{
        display: flex;
        align-items: center;
        width: 100%;
        text{
          font-size: 26rpx;
          color: $text-color;
        }
      }
      .date{
        display: flex;
        align-items: center;
        width: 100%;
        margin-top: 6rpx;
        text{
          font-size: 24rpx;
          color: $text-color-assist;
        }
      }
    }
    .price{
      display: flex;
      align-items: center;
      justify-content: flex-end;
      width: 140rpx;
      .add{
        font-size: 26rpx;
        color: #18bc37;
      }
      .sub{
        font-size: 26rpx;
        color: red;
      }
    }
  }
}
